*{margin: 0;padding: 0;list-style: none;font-size: 14px;font-family: 'Microsoft YaHei',"Comic Sans MS","幼圆","黑体",sans-serif;}
body{background: #DFDFDF;}
p{margin: 0;}
ul,li{list-style: none;}
body{background: #f1f5f6;}
a{color: black;text-decoration: none;}
a:visited{color: black;}
a:hover{color: black;text-decoration: none;}
a:active{color: black;}

input{outline: none;}
/*遮盖层*/
/*
 <div class="mask">
	<i class="fa fa-spin fa-spinner"></i>
</div>
 * */
.mask{position:fixed; top:0; right: 0; bottom:0; left: 0; opacity:.3; background:#000; z-index:99;}
.mask>i{font-size:38px; display:block; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); color:#fff;}


/*
 <!--加载时的遮盖层-->
<div class="mask">
	<div class="mask_span">
		<span></span>
		<span></span>
		<span></span>
	</div>
</div>
 * */
/*遮盖层*/
.mask{
	width: 100%;
	height: 100%;
	background: #999;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	opacity: 0.8;
	display: none;
}
.mask .mask_span{
	width: 150px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 40%;
}
.mask .mask_span span{
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: skyblue;
	margin: 10px 0px 0 10px;
}
.mask .mask_span span:nth-child(1){
	width: 5px;
	height: 5px;
	animation: chang1 2s infinite;
}
.mask .mask_span span:nth-child(2){
	width: 10px;
	height: 10px;
	animation: chang2 2s infinite;
}
.mask .mask_span span:nth-child(3){
	width: 15px;
	height: 15px;
	animation: chang3 2s infinite;
}

@keyframes chang1{
	0%{width:5px;height: 5px;}
	25%{width:10px;height: 10px;}
	50%{width:15px;height: 15px;}
	75%{width:10px;height: 10px;}
	90%{width:5px;height: 5px;}
	100%{width:0px;height: 0px;}
}
@keyframes chang2{
	0%{width:10px;height: 10px;}
	25%{width:15px;height: 15px;}
	50%{width:10px;height: 10px;}
	75%{width:5px;height: 5px;}
	100%{width:0px;height: 0px;}
}
@keyframes chang3{
	0%{width:15px;height: 15px;}
	35%{width:10px;height: 10px;}
	70%{width:5px;height: 5px;}
	100%{width:0px;height: 0px;}
}
			
/*回到顶部*/
.scrollTop{
	position: fixed;
	bottom: 65px;
	right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #e80080;
	opacity: 0.8;
	text-align: center;
	line-height: 50px;
	display: none;
}
.scrollTop i{
	color: white;
	font-size: 22px;
}

			

/*头部*/


/*脚步*/
